<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
div{
	 display: inline;	  /*修改为行内元素 共占一行 不可以修改宽高*/
	 width: 100px;
	 height:100px; 
	 border: 1px solid red;
}
span{
	 display: block;     /*修改为块级元素 独占一行 可以修改宽高*/
	/*  display: inline-block; 行内块  共占一行  可以修改宽高 */
}
 a{
 	background-color: #0aa1ed;
 	width: 130px;
 	height: 40px;
 	display: block;
 	color:white;
 	text-decoration: none;
 	text-align: center;
 	line-height: 40px;    /*垂直居中*/
 	border-radius: 2px;
 }

	
</style>
</head>
<body>
	<div>div1</div>
	<div>div2</div>
	<div>div3</div>
	<span>span1</span>
	<span>span2</span>
	<span>span3</span>
	<a href="http://www.baidu.com">查看详情</a>
</body>
</html>